<!doctype html>


<html>
<head>
  <link rel="shortcut icon" href="static/images/favicon.ico" type="image/x-icon">
  <title>emoji (Closure Library API Documentation - JavaScript)</title>
  <link rel="stylesheet" href="static/css/base.css">
  <link rel="stylesheet" href="static/css/doc.css">
  <link rel="stylesheet" href="static/css/sidetree.css">
  <link rel="stylesheet" href="static/css/prettify.css">

  <script>
     var _staticFilePath = "static/";
     var _typeTreeName = "goog";
     var _fileTreeName = "Source";
  </script>

  <script src="static/js/doc.js">
  </script>


  <meta charset="utf8">
</head>

<body onload="grokdoc.onLoad();">

<div id="header">
  <div class="g-section g-tpl-50-50 g-split">
    <div class="g-unit g-first">
      <a id="logo" href="index.html">Closure Library API Documentation</a>
    </div>

    <div class="g-unit">
      <div class="g-c">
        <strong>Go to class or file:</strong>
        <input type="text" id="ac">
      </div>
    </div>
  </div>
</div>





<div class="colmask rightmenu">
<div class="colleft">
    <div class="col1">
      <!-- Column 1 start -->

<div id="title">
       <span class="fn">ui.emoji</span>
</div>

<hr/>


  <h2>Classes</h2>
 <div class="fn-constructor">
        <a href="class_goog_ui_emoji_Emoji.html">
          goog.ui.emoji.Emoji</a><br/>
        <div class="class-details">Creates an emoji.

A simple wrapper for an emoji.</div>
 </div>
 <div class="fn-constructor">
        <a href="class_goog_ui_emoji_EmojiPalette.html">
          goog.ui.emoji.EmojiPalette</a><br/>
        <div class="class-details">A page of emoji to be displayed in an EmojiPicker.</div>
 </div>
 <div class="fn-constructor">
        <a href="class_goog_ui_emoji_EmojiPaletteRenderer.html">
          goog.ui.emoji.EmojiPaletteRenderer</a><br/>
        <div class="class-details">Renders an emoji palette.</div>
 </div>
 <div class="fn-constructor">
        <a href="class_goog_ui_emoji_EmojiPicker.html">
          goog.ui.emoji.EmojiPicker</a><br/>
        <div class="class-details">Creates a new, empty emoji picker. An emoji picker is a grid of emoji, each
cell of the grid containing a single emoji. The picker may contain multiple
pages of emoji.

When a user selects an emoji, by either clicking or pressing enter, the
picker fires a goog.ui.Component.EventType.ACTION event with the id. The
client listens on this event and in the handler can retrieve the id of the
selected emoji and do something with it, for instance, inserting an image
tag into a rich text control. An emoji picker does not maintain state. That
is, once an emoji is selected, the emoji picker does not remember which emoji
was selected.

The emoji picker is implemented as a tabpane with each tabpage being a table.
Each of the tables are the same size to prevent jittering when switching
between pages.</div>
 </div>
 <div class="fn-constructor">
        <a href="class_goog_ui_emoji_PopupEmojiPicker.html">
          goog.ui.emoji.PopupEmojiPicker</a><br/>
        <div class="class-details">Constructs a popup emoji picker widget.</div>
 </div>
 <div class="fn-constructor">
        <a href="class_goog_ui_emoji_ProgressiveEmojiPaletteRenderer.html">
          goog.ui.emoji.ProgressiveEmojiPaletteRenderer</a><br/>
        <div class="class-details">Progressively renders an emoji palette. The progressive renderer tries to
use img tags instead of background-image for sprited emoji, since most
browsers render img tags progressively (i.e., as the data comes in), while
only very new browsers render background-image progressively.</div>
 </div>
 <div class="fn-constructor">
        <a href="class_goog_ui_emoji_SpriteInfo.html">
          goog.ui.emoji.SpriteInfo</a><br/>
        <div class="class-details">Creates a SpriteInfo object with the specified properties. If the image is
sprited via CSS, then only the first parameter needs a value. If the image
is sprited via metadata, then the first parameter should be left null.</div>
 </div>
   









<div class="section">
  <table class="horiz-rule">


  </table>
</div>







      <!-- Column 1 end -->
    </div>

        <div class="col2">
          <!-- Column 2 start -->
          <div class="col2-c">
            <h2 id="ref-head">Package ui</h2>
            <div id="localView"></div>
          </div>

          <div class="col2-c">
            <h2 id="ref-head">Package Reference</h2>
            <div id="sideTypeIndex" rootPath="" current="ui.emoji"></div>
          </div>
          <!-- Column 2 end -->
        </div>
</div>
</div>

</body>
</html>
